<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8"/>
	<meta name="renderer" content="webkit"/>
	<meta name="viewport"
		  content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
	<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
	<meta name="format-detection" content="telephone=no"/>
	<title>{$employ.title}</title>
	<meta name="keywords" content="{$employ.keywords}">
	<meta name="description"
		  content="{$employ.description}">
	<link rel="shortcut icon" href="{$shop_ico}"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/swiper.min.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/aos.css">
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/jquery.galpop.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/public.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/tool.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/header.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/footer.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/style.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/pscroll.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/solution.css"/>
</head>
<body class="Solution-body box-sizing-border ">
<!--头部begin-->
<div class="header-box">
	<header id="header">
		<div class="wrap-full" flex="aic jb">
			<!-- logo start -->
			{include file="logo" /}
			<!-- logo end -->
			<!-- 菜单 start -->
			{include file="menu" /}
			<!-- 菜单 end -->
			<!-- 申请试用 start -->
			{include file="apply" /}
			<!-- 申请试用 end -->
		</div>
	</header>
</div>
<div class="header-box-space"></div>
<!--头部end-->
<!-- 智慧零售banner start -->
<div class="website-banner bgf8f9fc">
	<div class="auto-banner">
		<div class="img-div">
			<img class="pc" src="/uploadfile/file/20230807/1691373904518669.jpg"
				 width="1920" alt="{$scenario.title}">
			<img class="phone" src="/uploadfile/file/20230807/1691373897807888.jpg"
				 width="1920" alt="{$scenario.title}">
		</div>
		<div class="cont type-a" flex>
			<div class="wrap-1440">
				<h1 class="h1 title mb1">{$scenario.title}</h1>
				<div class="des color2">{$scenario.desc}
				</div>
				<div class="btn-box" flex="wrap">
					<div class="more-box-a type-a" flex="aic wrap">
						<a class="more-box" href="{:url('index/apply')}" target="_blank" flex="aic jc">
							<span class="more-word">申请试用</span>
						</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- 智慧零售banner end -->
<main class="main">
	<!-- 智慧零售 start -->
	<!-- 行业痛点 start -->
	<div class="solution_one">
		<div class="wrap-1440">
			<div class="auto-title-block" aos="fade-up" aos-delay="0">
				<h2 class="auto-title-h2 h2">行业痛点</h2>
			</div>
			<div class="ul">
				<ul flex="wrap">
					{volist name="pain_spot" id="vo"}
					<li aos="fade-up" aos-delay="100">
						<div class="boxs">
							<div class="cons">
								<h3 class="f22 h3">{$vo.title}</h3>
								<div class="p">{$vo.pain_spot_p1}</div>
								<div class="p">{$vo.pain_spot_p2}</div>
								<div class="p">{$vo.pain_spot_p3}</div>
							</div>
						</div>
					</li>
					{/volist}
				</ul>
			</div>
		</div>
	</div>
	<!-- 行业痛点 end -->
	<!-- 智慧零售解决方案 start -->
	<div class="solution_two">
		<div class="wrap-1440">
			<div class="solution_two_l" aos="fade-left">
				<div class="auto-title-block">
					<h2 class="auto-title-h2 h2">{$scenario.brief}</h2>
				</div>
				<div class="solution_two_desc">{$scenario.intro}</div>
				<div class="more-btn" flex="ais">
					<div class="more-box-a type-c" flex="aic wrap">
						<a class="more-box" href="{:url('index/apply')}" target="_blank" flex="aic jc">
							<span class="more-word">申请试用</span>
						</a>
					</div>
				</div>
			</div>
			<div class="solution_two_r" aos="fade-right"><img class="galpop-single"
															  href="{$scenario.pic}"
															  src="{$scenario.pic}"
															  alt="{$scenario.title}"/></div>
			<div class="c_l"></div>
		</div>
	</div>
	<!-- 智慧零售解决方案 end -->
	<!-- 方案价值 start -->
	<div class="solution_three">
		<div class="wrap-1440">
			<div class="auto-title-block" aos="fade-up" aos-delay="0">
				<h2 class="auto-title-h2 h2">方案价值</h2>
			</div>
			<div class="ul">
				<ul flex="wrap">
					{volist name="merit" id="vo"}
					<li aos="fade-up" aos-delay="100">
						<div class="boxs">
							<div class="cons">
								<div class="txts">
									<h3 class="f22 h3">{$vo.title}</h3>
									<div class="p">{$vo.merit_p1}</div>
									<div class="p">{$vo.merit_p2}</div>
									<div class="p">{$vo.merit_p3}</div>
								</div>
								<div class="imgs"><img
										src="{$vo.merit_pic}"
										alt="{$vo.title}"/></div>
							</div>
						</div>
					</li>
					{/volist}
				</ul>
			</div>
		</div>
	</div>
	<!-- 方案价值 end -->
	<!-- 方案亮点 start -->
	<div class="wrap-1440">
		<div class="auto-title-block" aos="fade-up" aos-delay="0">
			<h2 class="auto-title-h2 h2">方案亮点</h2>
		</div>
		<div aos="fade-up" aos-delay="100">
			<!-- 滚动 start -->
			<div class="owl-demo3 owl-carousel">
				{volist name="sparkle" id="vo"}
				<div class="item">
					<dd>
						<a title="{$vo.title}">
							<div class="imgs"><img
									src="{$vo.pic}"
									alt="{$vo.title}"/></div>
							<div class="txts">
								<h3 class="f22 h3">{$vo.title}</h3>
								<div class="p">{$vo.brief}</div>
							</div>
						</a>
					</dd>
				</div>
				{/volist}
			</div>
			<!-- 滚动 end -->
		</div>
	</div>
	<!-- 方案亮点 end -->
	<!-- 应用场景 start -->
	<div class="solution_four"
		 style="background-image:url(__STATIC_LIB__sanyechong/images/solution/solution_img8.png);">
		<div class="wrap-1440">
			<div class="solution_four_l" aos="fade-left">
				<div class="auto-title-block">
					<h2 class="auto-title-h2 h2">应用场景</h2>
				</div>
				<div class="ul">
					<ul id="solution_four">
						{volist name="scene" id="vo" key="index"}
						{if $index == 1}
						<li class="on">
							<div class="imgs"><img
									src="{$vo.pic1}"
									alt="{$vo.title}"/><img
									src="{$vo.pic2}"
									alt="{$vo.title}"/></div>
							<div class="f18 tit">{$vo.title}</div>
						</li>
						{else/}
						<li>
							<div class="imgs"><img
									src="{$vo.pic1}"
									alt="{$vo.title}"/><img
									src="{$vo.pic2}"
									alt="{$vo.title}"/></div>
							<div class="f18 tit">{$vo.title}</div>
						</li>
						{/if}
						{/volist}
					</ul>
					<div class="c_l"></div>
				</div>
			</div>
			<div class="f18 label" id="solution_four_t">
				{volist name="scene" id="vo" key="index"}
				{if $index == 1}
				{$vo.title}
				{/if}
				{/volist}
			</div>
			<div class="solution_four_r" aos="fade-right">
				{volist name="scene" id="vo" key="index"}
				{if $index == 1}
				<div class="divhidden" style="display: block;"><img
						src="{$vo.pic3}"
						alt="{$vo.title}"/></div>
				{else/}
				<div class="divhidden" style="display: none;"><img
						src="{$vo.pic3}"
						alt="{$vo.title}"/></div>
				{/if}
				{/volist}
			</div>
			<div class="c_l"></div>
		</div>
	</div>
	<!-- 应用场景 end -->
	<!-- 方案优势 start -->
	<div class="solution_five">
		<div class="wrap-1440">
			<div class="auto-title-block" aos="fade-up" aos-delay="0">
				<h2 class="auto-title-h2 h2">方案优势</h2>
			</div>
			<div class="ul" aos="fade-up" aos-delay="100">
				{volist name="benefit" id="vo"}
				<li>
					<div class="boxs">
						<img src="{$vo.pic}"
							 alt="{$vo.title}"/>
						<h3 class="f22 h3">{$vo.title}</h3>
						<div class="p">{$vo.brief}</div>
					</div>
				</li>
				{/volist}
			</div>
		</div>
	</div>
	<!-- 方案优势 end -->
	<!-- 成功案例 start -->
<!--	<div class="solution_six" style="background-image:url(/static/lib/sanyechong/images/solution/solution_bg6.jpg);">-->
<!--		<div class="wrap-1440">-->
<!--			<div class="auto-title-block" aos="fade-up" aos-delay="0">-->
<!--				<h2 class="auto-title-h2 h2">成功案例</h2>-->
<!--			</div>-->
<!--			<div aos="fade-up" aos-delay="100">-->
<!--				&lt;!&ndash; 滚动 start &ndash;&gt;-->
<!--				<div class="owl-demo4 owl-carousel">-->
<!--					{volist name="cases" id="vo"}-->
<!--					<div class="item">-->
<!--						<dd>-->
<!--							<a href="{:url('cases/cases')}?id={$vo.id}" title="{$vo.title}">-->
<!--								<div class="imgs"><img-->
<!--										src="{$vo.pic}"-->
<!--										alt="{$vo.title}"/></div>-->
<!--								<div class="txts">-->
<!--									<div class="cons">-->
<!--										<img src="{$vo.logo}"-->
<!--											 alt="{$vo.title}" class="ico"/>-->
<!--										<h3 class="f22 h3">{$vo.title}</h3>-->
<!--										<div class="p">{$vo.brief}</div>-->
<!--										<div class="more-box-b" flex="i">-->
<!--											<div class="more-box" flex="aic">-->
<!--												<span class="more-word">了解详情</span>-->
<!--												<span class="self-svg jt" data-icon="jt1"></span>-->
<!--											</div>-->
<!--										</div>-->
<!--									</div>-->
<!--								</div>-->
<!--							</a>-->
<!--						</dd>-->
<!--					</div>-->
<!--					{/volist}-->
<!--				</div>-->
<!--				&lt;!&ndash; 滚动 end &ndash;&gt;-->
<!--			</div>-->
<!--		</div>-->
<!--	</div>-->
	<!-- 成功案例 end -->
</main>
<!-- 视频弹框 start -->
<div class="tank-video-box">
	<div class="flex-box">
		<div class="video-box">
			<a href="javascript:;" class="exit"></a>
			<video controls></video>
		</div>
	</div>
</div>
<!-- 视频弹框 end -->
{include file="footer" /}
<script type="text/javascript" src="__STATIC_LIB__sanyechong/js/aos.js"></script>
<script type="text/javascript" src="__STATIC_LIB__sanyechong/js/jquery.galpop.min.js"></script>
<script type="text/javascript" src="__STATIC_LIB__sanyechong/js/owl.carousel.js"></script>
<script>
	// rem计算问题延时执行
	function remAfter() {
		/*方案亮点*/
		$(".owl-demo3").owlCarousel({
			items: 3,
			itemsDesktop: [1199, 3],
			itemsDesktopSmall: [979, 3],
			itemsTablet: [768, 2],
			itemsTabletSmall: false,
			itemsMobile: [479, 2],
			lazyLoad: true,
			autoPlay: true,
			rewindNav: false,
			navigation: true
		});
		$("#solution_four li").hover(function () {
			var linum = $(this).index();
			var CaseList = $(".solution_four_r").find(".divhidden");
			$("#solution_four li").removeClass('on');
			$(this).addClass('on');
			CaseList.eq(linum).show().siblings().hide();
			$("#solution_four_t").html($(this).find(".tit").html());
		})
		/*成功案例*/
		$(".owl-demo4").owlCarousel({
			items: 1,
			itemsDesktop: [1199, 1],
			itemsDesktopSmall: [979, 1],
			itemsTablet: [768, 1],
			itemsTabletSmall: false,
			itemsMobile: [479, 1],
			lazyLoad: true,
			autoPlay: true,
			//rewindNav:false,
			autoplayTimeout: 3000,
			navigation: true
		});
		// 图片弹框
		$('.galpop-single').galpop();
		setTimeout(function () {
			// 动画
			AOS.refresh();
		}, 100);
	}

	divLoadFun.addFun("loadFun", function () {
		remAfter();
	});
	AOS.init({
		duration: 600,
		easing: 'ease',
		once: true,
	});
</script>
</body>
</html>